<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>GY加油通道</title>
    <meta name="viewport" content="width=device-width,user-scale=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/sign.css">
    <!-- head 中 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
</head>
<body>
<div class="container">
    <div class="field-list" style="padding-top: 16px;">
        <div class="field-item">
            <div class="label">请输入您的昵称</div>
            <div class="input-box">
                <input type="text" placeholder="">
            </div>
        </div>
        <div class="field-item">
            <div class="label">请输入您的毕业年份</div>
            <div class="input-box">
                <img src="./img/icon-calender.png" alt="" width="10">
                <input type="text" placeholder="" id="year">
            </div>
        </div>
        <div class="field-item">
            <div class="label">请输入你想为GY加油的金额</div>
            <div class="input-box">
                <input type="text" placeholder="">
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="btn primary">GY加油</div>
    </div>
    <div class="note">
        <div class="title">GY加油通道说明：</div>
        <div class="note-item">1.所获取的金额，扣除微信通道费用后，将全部纳入广雅教育发展基金；</div>
        <div class="note-item">2.活动时间将从10月3日10:00起至11月3日23:59止。</div>
    </div>
</div>
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>

<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<script>
    var years = []
    var tempArr = []
    var year = Number(new Date().getFullYear())
    for (var i = 1950; i <= year; i++) {
        var temp = String(i).substr(2, 2)
        tempArr.push({
            title: i + `（${temp}届）`,
            value: i,
        })
    }
    for (var j = tempArr.length - 1; j >= 0; j--) {
        years.push(tempArr[j])
    }

    $('#year').select({
        title: "选择毕业年份",
        items: years
    })
</script>
</html>